<template>
  <view class="container">
    <view class="title">拍照搜题与辅导</view>
    <view class="feature-list">
      <view class="feature" v-for="item in features" :key="item.name" @click="goTo(item.page)">
        <text>{{ item.name }}</text>
        <text class="desc">{{ item.desc }}</text>
      </view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
const features = ref([
  { name: '高清拍摄', desc: '高清拍照，题目识别', page: '' },
  { name: '拍照翻译', desc: '对准文章进行翻译', page: '' },
  { name: '在线AI答疑', desc: 'AI老师实时解答', page: '' },
  { name: '错题收集与分类', desc: '自动收集错题并分类', page: '' },
  { name: '错题分析与巩固', desc: '详细分析错题原因', page: '' }
])
function goTo(page) {
  uni.showToast({ title: '功能开发中', icon: 'none' })
}
</script>

<style scoped>
.container { padding: 40rpx; }
.title { font-size: 40rpx; font-weight: bold; margin-bottom: 40rpx; text-align: center; }
.feature-list { }
.feature {
  background: #f8f8f8;
  border-radius: 16rpx;
  padding: 32rpx 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.03);
}
.desc { display: block; color: #888; font-size: 24rpx; margin-top: 8rpx; }
</style> 